<template>
  <input
    :value="value"
    class="input"
    @input="$emit('input', $event.target.value)">
</template>

<style lang="scss" scoped>
  .input {
    height: 120px;
    font-size: 28px;
    border: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 16px;
    box-sizing: border-box;
    color: #343434;
    &:focus {
      outline: none;
    }
    &::placeholder {
    }
  }
</style>

<script>
export default {
  props: {
    value: {
      type: String,
      default: ''
    }
  }
}
</script>
